
.mp .mg-time-font{
    padding:8px;
    font-size: 14px;
    background: linear-gradient(to right, #00c1fe, #066bfe);
    -webkit-background-clip: text;
    color: transparent;
}
.mp .mg-data-font{
    padding:5px;padding-left: 12px;
    background: linear-gradient(to right, #00c1fe, #066bfe);

    -webkit-background-clip: text;
    color: transparent;
}

.mp .my-message-body{
    margin: 5px;
    padding: 5px;
    border: solid 1px #2b2b61;
    background: #282840;
}
.mp .admin-pic {
    border: 2px solid rgba(255, 255, 255, 0.8);
    display: inline-block;
    float: left;
    height: 30px;
    margin-left: -5px;
    margin-right: 5px;
    margin-top: 0px;
    width: 30px;
}
.mp .img-circle {
    border-radius: 50%;
}
.mp .kf-sliding-window-header__text {
    font-size: 14px;
    color: #00ffff;
}

.mp .kf-sliding-window-content{
    padding-top: 0px;
    padding-bottom: 0px;
}
.mp .scrollContext{
    margin: 20px 0px;
}

.mp .side-window{
    height: 100vh;
    width: 35vw;
    min-width: 450px;
    z-index: 20000;
    transition-property: right;
    transition-duration: 0.3s;
    transition-delay: 0s;
    background: #2b2b40;
    position: fixed;
    right: -35vw;
    top: 0px;
}
.mp #messageSwitch:checked + .side-window{
    right: 0px;
}
.mp .msg-container{
    padding: 20px;
    height: 85vh;
    overflow-y:auto ;
}

.mp .msg-container{

}